
/* Navigation
-------------- */
.navfix{width:100%}
.nav .menu li > a:only-child:after,.nav .mega-nav.links > li > a:after{display:none}
.nav .menu li li:hover,.nav .mega-nav .menu-links li:hover{background:#222;-moz-border-radius:1em 0 0;border-radius:1em 0 0 0;-moz-border-radius:0 1em 0 0;border-radius:0 0 0 1em;border:2px groofe #f90;height:auto;margin:0 auto;overflow:hidden}
.nav{background-color:$(menu.back.color);background-repeat:repeat-x;border-bottom:4px solid #f90;color:#efefef;text-transform:uppercase;width:100%;font-size:13px;font-family:Oswald,open sans,sans-serif,arial;font-weight:400;height:55px;position:relative;margin-top:50px;box-shadow:0 0 20px #999 inset}
.nav a{color:#efefef}
.nav a:hover{color:#fff}
.nav .menu > li:hover{background:#222;height:50px;-moz-border-radius:1em 0 0;border-radius:1em 0 0 0;-moz-border-radius:0 1em 0 0;border-radius:0 0 0 1em;border:2px groofe #f90;height:auto;margin:0 auto;overflow:hidden}
.nav ul{line-height:2;list-style:none;position:relative}
.nav ul li{float:left}
.nav .menu li > a{float:left;padding:0 18px}
.nav .menu > li > a{line-height:52px;text-decoration:none}
.nav .mhome{background-color:#f90;color:#fff;-moz-border-radius:1em 0 0;border-radius:1em 0 0 0;-moz-border-radius:0 1em 0 0;border-radius:0 0 0 1em;border:2px groofe #f90;height:auto;margin:0 auto;overflow:hidden}
.nav .menu li > a:after{font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 1px #efefef;display:inline-block;font-size:14px;line-height:.9;content:"\f107"}
.nav .menu li li > a:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 1px #efefef;font-size:14px;line-height:.9;margin-left:10px;content:"\f105"}
.nav .menu > li:first-child > a{border-left:0;box-shadow:none}
.nav .menu > li > ul{border:0;border-radius:0;top:55px}
.nav .menu > li li a{font-size:13px;font-family:sans-serif,arial;padding:5px 25px;border-top:1px solid #333;float:none;display:block;text-decoration:none;text-transform:none}
.nav .menu ul li{position:relative;min-width:220px;border-top:0;padding:0;float:none}
.nav .menu > li li:first-child a{box-shadow:none;-webkit-box-shadow:none;border-top:0}
.nav .menu ul{position:absolute;overflow:visible;padding:0;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;visibility:hidden;display:block;opacity:0;background-color:$(menu3.back.color);z-index:100}
.nav .menu ul ul{top:0;left:100%}
.nav li:hover > ul{opacity:1;visibility:visible}
.nav li:hover .mega-nav{z-index:1000;opacity:1;visibility:visible}
.nav .mega-nav{position:absolute;background-color:$(menu.back.color);-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;display:block;opacity:0;top:55px;overflow:hidden;visibility:hidden;width:100%;z-index:100;padding:30px 0;left:0;margin:0}
.nav .mega-nav .sub-menu li,.nav .menu .mega-nav > li{min-width:0}
.mega-nav .sub-links{width:23%;float:left;margin-top:-36px;padding:0}
.mega-nav .menu-links{padding-top:37px;background-color:$(menu.back.color);margin-right:10px;padding-left:25px;padding-right:10px}
.mega-nav .menu-links li{position:relative;display:block;float:none}
.nav .mega-nav .menu-links li a{border-bottom:1px solid #333;padding:6px 6px 6px 12px;border-top:0;font-size:13px;font-family:arial,sans-serif;font-weight:700;text-transform:uppercase}
.mega-nav .menu-links ul{left:100%;top:0}
.nav .mega-nav .menu-links ul li{min-width:220px}
.nav .mega-nav .menu-links ul li:last-child a{border-bottom:0}
.nav .mega-nav.links{padding:30px 0}
.nav .mega-nav.links > li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:inherit;padding:0 25px;float:left;border:0;width:25%}
.nav .mega-nav.links > li > a{font-size:14px;font-family:sans-serif,Tahoma,Helvetica,FreeSans;text-transform:uppercase;font-weight:700;padding:4px 6px 4px 8px;background-color:#111;border:0;text-align:center}
.nav .mega-nav.links > li > a:hover{background-color:#222}
.nav .mega-nav.links > li li a{font-family:sans-serif,Tahoma,Helvetica,FreeSans;font-size:13px;font-weight:400;padding-left:10px;border-bottom:1px solid #333;border-top:0}
.nav .mega-nav.links > li ul{opacity:1;position:static;visibility:inherit}
.nav .mega-nav.links > li li a:before{font-family:FontAwesome;font-size:14px;display:inline-block;margin-right:10px;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:.9;content:"\f105"}
.nav .mega-nav.links > li:hover{background:transparent}
.mega-nav .mega-item h2{font-family:Oswald,open sans,sans-serif,arial;font-size:14px;line-height:1.6em;font-weight:400;font-style:normal;text-align:center}
.mega-nav .mega-item{width:17.4%;margin:0 21px 0 0;float:left}
.mega-nav .mega-item img{opacity:.8;width:100%;height:100%;max-height:350px}
.mega-nav .mega-item img:hover{opacity:1}
.nav2fix{width:100%;background-color:$(menu2.back.color);height:38px;box-shadow:0 0 20px #999 inset}
#nav2{font-family:open sans,sans-serif,arial;font-size:13px;font-weight:600;text-transform:uppercase;position:absolute;width:87%;background-color:$(menu2.back.color);background-repeat:repeat-x;height:38px;margin-left:176px;box-shadow:0 0 20px #999 inset}
#nav2 li:hover a{color:$(menu2.text.color);background-color:$(menu2.h.color)}
#nav2 ul{height:26px;margin:0;padding:0}
#nav2 li{position:relative;display:inline-block;float:left;border-width:0 0 0 1px;height:24px;margin-top:5px}
#nav2 li a{display:block;line-height:28px;height:28px;text-decoration:none;color:$(menu2.text.color);padding:0 15px}
#nav2 li:last-child a{border-right:0 none}
#nav2 ul.submenu2 li{float:none;width:100%;margin:0;.navmhomeaborder-bottom:1px solid #222;border-top:1px solid #383838;border-left:0 none;height:30px}
#nav2 ul.submenu2{display:none;padding:0;position:absolute;top:30px;width:180px;z-index:99;float:left;background:#2c2c2c!important;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;height:auto}
#nav2 ul.submenu2.hidden{display:block;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all .4s ease 0;-o-transition:all .4s ease 0;transition:all .4s ease 0;-moz-transition:all .4s ease 0}
#nav2 li:hover ul.submenu2.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
#nav2 ul.submenu2 li:first-child2{border-top:0 none}
#nav2 ul.submenu2 a{height:30px;line-height:1em;padding:7px 10px}
#nav2 ul.submenu2 a:hover{padding-left:15px}
#social_icons{right:20px;text-align:center;margin:0 -26px 0 0 !important;position:relative!important;z-index:1}
#social_icons ul{display:block;height:32px;margin:0}
#social_icons li{display:inline-block;float:left;width:32px;height:32px;opacity:.8;background-position:left top;-webkit-transition:All .4s ease;-moz-transition:All .4s ease;-o-transition:All .4s ease}
#social_icons li:hover{opacity:1}
#social_icons li a{display:inline-block;width:32px;height:32px}
#social_icons li a span{display:none}
#social_icons li.facebook{background-image:url(https://lh6.googleusercontent.com/-sbybihVrVuc/UHOTA49XRvI/AAAAAAAAEFY/08OCFvAm_wE/s64/social_network_facebook.png)}
#social_icons li.twitter{background-image:url(https://lh3.googleusercontent.com/-NskGHQfbyOA/UHOTDD3zdjI/AAAAAAAAEF4/sjChvedQgB8/s64/social_network_twitter.png)}
#social_icons li.linkedin{background-image:url(https://lh5.googleusercontent.com/-iwc7BZN6aAo/UHOTBxWKMSI/AAAAAAAAEFk/acmiao2JW-k/s64/social_network_linkedin.png)}
#social_icons li.tumblr{background-image:url(https://lh5.googleusercontent.com/-oceB8nmgiZ0/UHOTC4MmfwI/AAAAAAAAEF0/sbbGNL4ZTeg/s64/social_network_tumblr.png)}
#social_icons li.vimeo{background-image:url(https://lh4.googleusercontent.com/-apJrWCzYm-A/UHOTDZALThI/AAAAAAAAEGA/SpSImNuMR5I/s64/social_network_vimeo.png)}
#social_icons li.skype{background-image:url(https://lh3.googleusercontent.com/-HunH1J-7iZk/UHOTCtdNsFI/AAAAAAAAEFw/Pu2WkzQWNhU/s64/social_network_skype.png)}
#social_icons li.youtube{background-image:url(https://lh3.googleusercontent.com/-WtmigBJcc7g/UHOTDv29ObI/AAAAAAAAEGE/vVRRs-RkzBs/s64/social_network_youtube.png)}
#social_icons li.myspace{background-image:url(https://lh6.googleusercontent.com/-AZt4w13HI-8/UHOTCaA1hyI/AAAAAAAAEFs/pJ1Bhis11O0/s64/social_network_myspace.png)}
#social_icons li.googleplus{background-image:url(https://lh5.googleusercontent.com/-mpeEl_TsIio/UHOTBq0XpmI/AAAAAAAAEFo/JeTzX9DWfbE/s64/social_network_googleplus.png)}
#social_icons li.behance{background-image:url(https://lh3.googleusercontent.com/-2bMANwxxqFI/UHOTADnrU9I/AAAAAAAAEFA/pEnqIVf3YzE/s64/social_network_behance.png)}
#social_icons li.deviantart{background-image:url(https://lh6.googleusercontent.com/-IvvW31ras2k/UHOTAXEtvDI/AAAAAAAAEFE/sOP5PCIDCqg/s64/social_network_deviantart.png)}
#social_icons li.envato{background-image:url(https://lh6.googleusercontent.com/-kRzjnO4xkco/UHOTA_vPK4I/AAAAAAAAEFQ/4roU9z-WArc/s64/social_network_envato.png)}
#social_icons li.flickr{background-image:url(https://lh4.googleusercontent.com/-fTxKi1uGenI/UHOTBtZabNI/AAAAAAAAEFg/htMsgs1jRVU/s64/social_network_flickr.png)}
#searchformfix{float:right;position:relative;right:75px;z-index:5;margin-top:-1px}
#searchform{margin:6px 0 0;padding:0}
#searchform fieldset{padding:0;border:none;margin:0}
#searchform input[type="text"]{background:#fff;border:none;float:right;padding:0 10px 0 15px;margin:0;width:160px;height:28px;line-height:28px;transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0;-moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;-webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0;-o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0;color:#888}
#searchform input[type=text]:hover,#searchform input[type=text]:focus{width:180px}
#searchform input[type=submit]{background:url(http://4.bp.blogspot.com/-QexjpeToxgY/U7aSj4K6aLI/AAAAAAAACAQ/TYouY5vo_dI/s1600/search.png) center 5px no-repeat;cursor:pointer;margin:0;padding:0;width:30px;height:28px;line-height:28px;background-color:$(search.back.color)}
input[type=submit]{padding:4px 17px;color:#ffffcolor:#585858;text-transform:uppercase;border:none;font-size:20px;cursor:pointer;margin-top:10px;float:left;overflow:visible;transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear}
#searchform input[type=submit]:hover{background-color:$(search.backh.color)}
.FollowByEmail .follow-by-email-inner{position:relative;margin-top:-20px}
.follow-by-email-inner{background:none repeat scroll 0 0 #222;padding:15px}
.follow-by-email-inner:before{color:#c9c9c9;content:"Ayo segera dapatkan postingan terbaru dari www.sanabila.com dan dapatkan manfaatnya!";font-family:open sans,sans-serif,arial;font-size:12px;font-weight:400;text-transform:uppercase;padding:0 0 0 2px}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{border:1px solid #eaeaea;font-size:13px;height:28px;padding-left:0;width:100%}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{background:#f90;border:0 none;color:#FFF;cursor:pointer;font-size:11px;height:28px;margin:0 3px;width:80px;z-index:0}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#FB9611;border:none!important;box-shadow:none!important;border-radius:none!important;filter:alpha(opacity=60);opacity:.9;cursor:pointer}
#news{background:#222;border-bottom:5px solid #333;border-top:5px solid #333;display:block;float:left;height:17px;line-height:20px;overflow:hidden;width:100%;color:#fff;box-shadow:inset 0 2px 7px #999;padding-top:10px;padding-bottom:10px}
.titlenews{background:#333;color:#fff;display:block;float:left;font:bold 12px/22px Tahoma;padding:9px;margin-top:-10px;position:absolute}
#ltsposts{float:left;margin-left:120px}
#ltsposts ul,#ltsposts li{list-style:none;margin:0;padding:0}
#ltsposts li a{background:none!important;color:#fff!important;font:bold 12px/22px Tahoma;text-decoration:none}
ul.shsocial{background:#333;float:right;margin:-8px 0}
ul.shsocial li{float:left;list-style:none outside none;border:none}
ul.shsocial li a{background-color:transparent;background-image:url(https://lh5.googleusercontent.com/-DLFUKhrb84M/VMFbShfhBCI/AAAAAAAAAIY/hQnxhc7XeMk/s924/spice-social-gadget-sprite-min.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:#fff;direction:ltr;display:block;height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all .2s ease 0;width:32px}
ul.shsocial li.fb a{background-position:0 0}
ul.shsocial li.gp a{background-position:-96px 0}
ul.shsocial li.rs a{background-position:-192px 0}
ul.shsocial li.tw a{background-position:-256px 0}
ul.shsocial li.fb a:hover{background-position:0 -32px}
ul.shsocial li.gp a:hover{background-position:-96px -32px}
ul.shsocial li.rs a:hover{background-position:-192px -32px}
ul.shsocial li.tw a:hover{background-position:-256px -32px}
#footer-wrapper{width:100%;text-align:left;overflow:hidden;background-color:$(footer.back.color);border-top:5px solid $(footer.top.color);margin:0}
#footer-widgetfix .footer-widget{width:22.7%;float:left;margin-left:20px}
#footer-widgetfix{width:100%;overflow:hidden;margin:30px auto}
#footer-wrapper .widget{color:#999}
#footer-wrapper h2{background-image:url(http://2.bp.blogspot.com/-QSzTaScBXO0/U7Zu2AoaS4I/AAAAAAAAB_w/RT6X3IrcSaI/s1600/footer-bg.png);background-position:0 50%;background-repeat:repeat-x;text-transform:uppercase;margin:0;font:$(footer.font);color:#fff;text-transform:uppercase}
#footer-wrapper h2 span{background:none repeat scroll 0 0 #222;color:#fff;font:$(footer.font);font-weight:600;padding-right:10px}
#footer-wrapper .widget-content{text-align:left;font-family:arial,Helvetica;margin:20px 0 15px;color:$(footer.text.color)}
#footer-wrapper .widget-content li{margin-left:-14px;color:#ddd;margin-left:-14px;color:#ddd}
#footer-wrapper .widget li{margin:0;padding:0;border-bottom:1px solid #2c2c2c;display:block}
.footer li a{padding-top:0;padding-right:0;line-height:2em;font-size:13px;font-weight:400;font-family:Arial,Helvetica;color:$(footer.text.color);margin:0}
.footer li a:hover{color:#fff}
.footer .Label li{position:relative;left:12px;background:#DF1010;cursor:pointer;-webkit-transition-timing-function:ease;-webkit-transition-duration:.4s;-webkit-transition-property:background,border-color;margin:0 17px 3px 20px;padding:1px 8px}
.footer .Label li a{color:#fff}
.footer .Label li:hover{background:#FF1800}
#footerfix{overflow:hidden;background:#161616;border-top:0 solid #000;padding:10px}
#credit{color:#888;width:100%;font-size:12px;font-family:sans-serif,Helvetica;margin:0 auto;font-weight:700}
#credit a{color:#fbfbfb;text-decoration:none}
#credit a:hover{color:#f90;text-decoration:none}
.credit-left{float:left;text-align:left}
.credit-right{float:right;margin:0}
.footer-bottom{min-height:40px;border-bottom:1px solid $(footer.bottom.color)}
#footx1,#footx2,#footx3,#footx4{margin:0 .2%}
.footer .PopularPosts .item-title{font-weight:700;padding-bottom:.2em;text-shadow:0 1px 0 #000}
.uj-.uj-icon-wrapicon-wrap a:hover,.uj-icon-wrap a:active{color:#333}
.uj-icon{display:inline-block;font-size:14px;cursor:pointer;width:100px;height:50px;text-align:center;position:relative;z-index:1;color:#999;border-right:1px solid #eee}
.uj-icon-wrap a:hover .uj-icon{color:#cd2122}
.uj-icon.last{border-right:0}
.uj-icon-wrap a{margin:15px 0;color:#444;display:inline-block;text-align:center;position:relative}
.uj-icon-wrap a:hover{color:#333}
.uj-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.uj-icon:before{font-family:'ecoicon';speak:none;font-size:28px;line-height:50px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
.ujwrap{margin:0 auto;width:100%;background:#fff;position:relative;box-shadow:0 0 20px rgba(0,0,0,0.1)}
@media only screen and (max-width:1024px) {
body{overflow-x:hidden}
.ujwrap{width:0 auto;width:1005px!important}
.ujwrap,.breaking-news,#footer-widget-area{width:750px!important;width:445px!important;overflow:hidden}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev{left:0;float:left}
#lightbox-nav-btnNext{right:0;float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px}
#lightbox-container-image-data{padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:700}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}
}